<template>
  <cjui-page-panel header="基础饼图1">
    <template #intro>
      保留了最基本元素的样式效果。
    </template>
    
    <CjuiEchart :loading="false" :noData="false" :options="chartOption" class="h-full" />
  </cjui-page-panel>
</template>

<script lang="ts" setup>
const chartOption = {
  tooltip: {
    trigger: 'item'
  },
  series: [
    {
      name: '饼图1',
      data: [{ name: '提示', value: 12 }, { name: '成功', value: 12 }, { name: '警告', value: 32 }, { name: '失败', value: 23 }],
      type: 'pie',
    },
  ]
}
</script>
